<template>
    <div class="wrap">
        <Top Top="我的跟帖"/>
        <div v-for="item in commentList" :key="item.id">
            <MyFollowDom v-if="item.parent" :postData="item"/>
            <FollowDom v-else :postData="item"/>
        </div>
        
    </div>
</template>

<script>
 // 引入顶部组件
import Top from "@/components/Top"

 // 引入回复组件
import FollowDom from "@/components/FollowDom"

// 引入我的回复组件
import MyFollowDom from "@/components/MyFollowDom"

export default {
    components:{
        Top,
        FollowDom,
        MyFollowDom
    },
    data(){
        return {
            commentList:[]
        }
    },

    created(){
        
        this.init()
        
    },

    methods:{
        init(){
            // 用户评论列表
           // 接口类型:【GET】
           // 需要验证:【Authorization 】
           // 接口地址: /user_comments
           // 参数 :  无
             this.$axios({
                method:'get',
                url:'/user_comments'
            })
            .then(res=>{
                // console.log(res);
                this.commentList = [
                    ...res.data.data
                ]
            })
        }
    }

}
</script>

<style lang="less" scoped>
.wrap {
     font-size: 14/360*100vw;
    
}
</style>